/* Variables */

// Base color
$blue: #324157;
$light-blue: #3a71a8;
$red: #f56c6c;
$pink: #e65d6e;
$green: #30b08f;
$tiffany: #4ab7bd;
$yellow: #fec171;
$panGreen: #30b08f;
$clickableBlue: #409eff;
$systemYellow: #e6a23c;
$systemTab-light-blue: #606C88;
$systemTab-blue: #3F4C6B;
// Sidebar
$sideBarWidth: 200px;
$sideBarItemWidth: 200px;
$subMenuBg: #2f3951;
$subMenuBg-light: #606c88;
$subMenuBg-black: #3f4c6b;
$subMenuHover: rgba(0, 0, 0, 0.1);
$subMenuActiveText: rgba(240, 242, 245, 1);
$menuBg: #304156;
$menuText: #bfcbd9;
$menuActiveText: #bfcbd9; // Also see settings.sidebarTextTheme
$menuNewBg: linear-gradient(to right, #3f4c6b, #606c88);
$menuNewActiveBg: linear-gradient(to right, rgba(0, 198, 255, 0), rgba(0, 114, 255, 0.85));
$menuNewText: #FFFFFF;
$menuNewActiveText: #FFFFFF;
// Login page
$lightGray: #eee;
$darkGray: #889aa4;
$loginBg: #2d3a4b;
$loginCursorColor: #fff;
$loginColor: #1890FF;
$loginInput: #444444;
$logDark: #DCDFE6;
// appmain page
$bgGray: #f0f2f5; // The :export directive is the magic sauce for webpack
$bgWhite: #fff;
$bgBlack: #000;

$wordGray: #97a8be;

// https://mattferderer.com/use-sass-variables-in-typescript-and-javascript
:export {
  menuBg: $menuBg;
  menuText: $menuText;
  menuActiveText: $menuActiveText;
}